<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <title>Title</title>
    <!--<style type="text/css">-->
        <!--body{-->
            <!--padding: 0;-->
            <!--margin: 0;-->
        <!--}-->
        <!--.content{-->
            <!--width: 550px;-->
            <!--min-height: 500px;-->
            <!--display: inline-block;-->
            <!--border: solid #ccc 1px;-->
            <!--vertical-align: top;-->
        <!--}-->
    <!--</style>-->
</head>
<body>

<!--<div>-->
    <!--<div class="content">-->
        <!--<div>-->
            <!--ProcessId: <input type="text" id="process_id" />-->
        <!--</div>-->
        <!--<div>-->
            <!--<h3>Process</h3>-->
            <!--<input onclick="getProcessById()" type="button" value="根据 ProcessId 获取" />-->
        <!--</div>-->
        <!--<div>-->
            <!--<h3>Task</h3>-->
            <!--<input type="button" value="根据 ProcessId 获取" />-->
            <!--<input type="button" value="根据 ProcessId 获取历史" />-->
            <!--<input type="button" value="complete" />-->
            <!--<input type="button" value="根据 TaskId 获取历史" />-->
        <!--</div>-->

        <!--<textarea style="height: 240px; width: 500px"></textarea>-->
    <!--</div>-->
    <!--<div id="text_content_id" class="content"></div>-->
<!--</div>-->

<!-- 结果栏 -->
<div id="images" class="result-div">
    <embed src="/process/images?processInstanceId=22e4bd45-516a-11e9-b3a8-968d597ea17f"
           style="display:block;width:1000px;min-height:950px" type="image/svg+xml" />
</div>

<!--<script src="../static/libs/jquery.min.js" th:src="@{/libs/jquery.min.js}"></script>-->
<!--<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>-->
<!--<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>-->

<!--<script type="text/javascript">-->

    <!--// 定义请求地址前缀-->
    <!--var urlPrefix = "localhost:8080";-->
    <!--// 定义空数据-->
    <!--var emptyData;-->

    <!--/**-->
     <!--* 根据流程 id 获取流程数据-->
     <!--*/-->
    <!--function getProcessById() {-->
        <!--var processId = $("#process_id").val();-->
        <!--var url = urlPrefix + "/process" + "/" + processId;-->

        <!--var resultData = ajax("GET", url, emptyData);-->
        <!--$("#text_content_id").val(resultData);-->
    <!--}-->

    <!--/**-->
     <!--* 公共 ajax 请求方法-->
     <!--* @param type 请求类型-->
     <!--* @param url 请求地址-->
     <!--* @param requestData 请求数据-->
     <!--*/-->
    <!--function ajax(type, url, requestData) {-->
        <!--// 定义返回数据-->
        <!--var dataResult = {};-->
        <!--// 定义请求数据-->
        <!--var requestDataString = {};-->
        <!--// 如果请求数据不为空-->
        <!--if (!requestData) {-->
            <!--// 执行 String 类型的数据转换-->
            <!--requestDataString = JSON.stringify(requestData);-->
        <!--}-->
<!--// url = "www.baidu.com"-->
        <!--// 执行赠送操作-->
        <!--$.ajax({-->
            <!--type: type,-->
            <!--contentType: 'application/json',-->
            <!--async: true,-->
            <!--url: url,-->
            <!--data: requestDataString,-->
            <!--dataType: "json",-->
            <!--crossDomain: true,-->
            <!--processData: false,-->
            <!--success: function (data) {-->
                <!--dataResult = data;-->
            <!--},-->
            <!--error: function (data) {-->
                <!--console.log(data);-->
            <!--}-->
        <!--});-->

        <!--return dataResult;-->
    <!--}-->
<!--</script>-->
</body>
</html>